body{
  background: rgba(74, 138, 244,.5);
  display: flex;
  justify-content: center;
  align-items: center;

}
.main{width: 480px;height: 280px;background: rgba(255, 255, 255,.2); margin-top: 300px;display: flex;flex-direction: column;justify-content: start;align-items: center;}
.main .accIpt{ margin-top:50px; }
.main .accIpt,.main .pwdIpt{   display: flex;align-items: center;position: relative;margin-bottom: 28px;}
.main .accIpt img , .main .pwdIpt img{ width: 18px; height: 18px; position: absolute; top: 7px;left: 8px;}
.main .accIpt input,.main .pwdIpt input{ width: 280px; height: 32px; outline: none; border: none;padding-left:32px; border-radius: 4px;}
.main .login{width: 310px; height: 40px;line-height:40px;background:rgba(84, 146, 247,.8) ;border-radius: 4px; text-align: center;color: #fff;}
